@layout("/common/_container.html"){
<link href="${ctxPath}/static/css/remoteSynergy/remoteSynergy.css?v=20140829" rel="stylesheet">
<div style="display: none">
    <input type="hidden" id="id" value="${caseSelectionInfo.id}">
    <input type="hidden" id="customerSexValue" value="${caseSelectionInfo.customerSex}">
    <input type="hidden" id="maritalStatusValue" value="${caseSelectionInfo.maritalStatus}">
    <input type="hidden" id="nationalityValue" value="${caseSelectionInfo.nationality}">
    <input type="hidden" id="nationValue" value="${caseSelectionInfo.nation}">
    <input type="hidden" id="insuranceStateValue" value="${caseSelectionInfo.insuranceState}">
    <input type="hidden" id="medicalTypeValue" value="${caseSelectionInfo.medicalType}">
    <input type="hidden" id="customerNameValue" value="${caseSelectionInfo.customerName}">
    <input type="hidden" id="countVotes" value="${caseSelectionInfo.countVotes}">
</div>
<div class="row addPatient">
    <div class="col-xs-12 addPatientHeader">
        <div></div>
        <div style="flex: 2">牙体牙髓病例评选</div>
        <div></div>
    </div>
    <div class="col-xs-12 addPatientContent">
        <div class="col-xs-12" style="padding: 0;">
            <div class="thumbnail">
                <img src="${caseSelectionInfo.titleImg}" style="width: 100%;height: 350px;border: 1px solid #999999;" alt="...">
                <div class="caption">
                    <h3>${caseSelectionInfo.id}号&nbsp;&nbsp;${caseSelectionInfo.creater}</h3>
                </div>
            </div>
        </div>
        <div class="col-xs-12" id="patientInformation">
            <h3>患者信息</h3>
            <div>
                <div class="col-xs-12 addPatientBranch">
                    <div>患者姓名</div>
                    <div id="customerName">${caseSelectionInfo.customerName}</div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>性别</div>
                    <div id="customerSex"></div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>年龄</div>
                    <div>${caseSelectionInfo.customerAge}</div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>身份证号</div>
                    <div>${caseSelectionInfo.idCard}</div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>婚姻状况</div>
                    <div id="maritalStatus"></div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>生日</div>
                    <div>${caseSelectionInfo.birthday}</div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>体重(kg)</div>
                    <div>${caseSelectionInfo.personWeight}</div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>身高(cm)</div>
                    <div>${caseSelectionInfo.personHeight}</div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>BMI</div>
                    <div>${caseSelectionInfo.BMI}</div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>国籍</div>
                    <div id="nationality"></div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>民族</div>
                    <div id="nation"></div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>医保类型</div>
                    <div id="insuranceState"></div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>医保卡号</div>
                    <div>${caseSelectionInfo.medicalInsurance}</div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>职业</div>
                    <div>${caseSelectionInfo.occupation}</div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>地址</div>
                    <div>${caseSelectionInfo.address}</div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>就诊科室</div>
                    <div>${caseSelectionInfo.medicalDepartment}</div>
                </div>
                <div class="col-xs-12 addPatientBranch" style="display: none">
                    <div>就诊类型</div>
                    <div id="medicalType"></div>
                </div>
                <div class="col-xs-12 addPatientBranch">
                    <div>初诊时间</div>
                    <div>${caseSelectionInfo.hospitalizedTime}</div>
                </div>
                <div class="col-xs-12 textareaBox">
                    <div>备注</div>
                    <div> <textarea readonly="readonly" name="remarks" id="remarks">${caseSelectionInfo.remarks}</textarea></div>
                </div>
            </div>
        </div>
        <div class="col-xs-12" id="clinicalCase">
            <h3>临床病例</h3>
            <div>
                <div class="col-xs-12 textareaBox">
                    <div>患者主诉</div>
                    <div> <textarea readonly="readonly" name="patientComplaints" id="patientComplaints">${caseSelectionInfo.patientComplaints}</textarea></div>
                </div>
                <div class="col-xs-12 textareaBox">
                    <div>现病史</div>
                    <div> <textarea readonly="readonly" name="presentIllness" id="presentIllness">${caseSelectionInfo.presentIllness}</textarea></div>
                </div>
                <div class="col-xs-12 textareaBox" style="display: none">
                    <div>既往史</div>
                    <div> <textarea readonly="readonly" name="pastHistory" id="pastHistory">${caseSelectionInfo.pastHistory}</textarea></div>
                </div>
                <div class="col-xs-12 textareaBox">
                    <div>系统疾病史</div>
                    <div> <textarea readonly="readonly" name="systemicDiseases" id="systemicDiseases">${caseSelectionInfo.systemicDiseases}</textarea></div>
                </div>
                <div class="col-xs-12 textareaBox" style="display: none">
                    <div>体格检查</div>
                    <div> <textarea readonly="readonly" name="physicalExam" id="physicalExam">${caseSelectionInfo.physicalExam}</textarea></div>
                </div>
                <div class="col-xs-12 textareaBox">
                    <div>诊断</div>
                    <div> <textarea readonly="readonly" name="diagnosis" id="diagnosis">${caseSelectionInfo.diagnosis}</textarea></div>
                </div>
                <div class="col-xs-12 textareaBox">
                    <div>辅助检查结果</div>
                    <div> <textarea readonly="readonly" name="suppleExamResult" id="suppleExamResult">${caseSelectionInfo.suppleExamResult}</textarea></div>
                </div>
                <div class="col-xs-12 textareaBox">
                    <div>治疗意见</div>
                    <div> <textarea readonly="readonly" name="treatmentAdvice" id="treatmentAdvice">${caseSelectionInfo.treatmentAdvice}</textarea></div>
                </div>
            </div>
        </div>
        <div class="col-xs-12" id="supplementary">
            <h3>辅助检查</h3>
            <div>
                <div class="col-xs-12 imageBox">
                    <div>牙片</div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>曲面断层片</div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo1'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>头影测量</div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo2'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>CBCT二维图片</div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo3'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>术前口内照<span style="color: red;">*</span></div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo4'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>术中口内照<span style="color: red;">*</span></div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo9'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>术后口内照<span style="color: red;">*</span></div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo10'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12" id="treatmentDesign">
            <h3>治疗计划</h3>
            <div>
                <div class="col-xs-12 textareaBox">
                    <div>设计思维</div>
                    <div> <textarea readonly="readonly" name="designThink" id="designThink">${caseSelectionInfo.designThink}</textarea></div>
                </div>
            </div>
        </div>
        <div class="col-xs-12" id="treatmentStepsDetails">
            <h3>治疗步骤</h3>
            <div>
                <div class="col-xs-12 textareaBox">
                    <div>治疗步骤</div>
                    @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                    @if(item.typeIcon == 'treatmentSteps'){
                    <div> <textarea readonly="readonly" readonly="readonly" name="treatmentSteps" id="treatmentSteps">${item.treatmentSteps}</textarea></div>
                    @}
                    @}
                </div>
            </div>
        </div>
        <div class="col-xs-12" id="postoperative">
            <h3>术后跟踪</h3>
            <div>
                <div class="col-xs-12 textareaBox">
                    <div>跟踪描述</div>
                    <div> <textarea readonly="readonly" name="description" id="description">${caseSelectionInfo.description}</textarea></div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>牙片</div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo5'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>全景</div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo6'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>CT</div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo7'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
                <div class="col-xs-12 imageBox">
                    <div>术后口内照<span style="color: red;">*</span></div>
                    <div class="auxiliary">
                        @for(item in caseSelectionInfo.caseSelectionAssistanceInfoList){
                        @if(item.typeIcon == 'uploader-demo8'){
                        <div class="cp_img" style="width: 100%;height: 180px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                            <img src="${item.imagePath}" alt="" style="width: 100%;height: 160px;">
                        </div>
                        @}
                        @}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 enterDetails" style="padding: 15px 0;">
            <div>
                <div>当前票数</div>
                <div>${caseSelectionInfo.votes}</div>
            </div>
            <div>
                <div>排名</div>
                <div>${caseSelectionInfo.voteRanking}</div>
            </div>
            <div>
                <div>距上一名</div>
                <div>${caseSelectionInfo.lastDisparityVotes}</div>
            </div>
        </div>
        @if(caseSelectionInfo.countVotes == 0){
        <div id="castVoteAble" class="col-xs-12 enterDetails">
            <button type="button" class="btn" onclick="castVote()">投票</button>
        </div>
        <div id="castVoteDisable" class="col-xs-12 enterDetails">
            <button type="button" class="btn" style="background: #999999;" onclick="castVoteDisable()">投票</button>
        </div>
        @}
        @if(caseSelectionInfo.countVotes == 1 || caseSelectionInfo.countVotes == 5){
        <div class="col-xs-12 enterDetails">
            <button type="button" style="background: #999999;" class="btn" onclick="castVoteDisable()">投票</button>
        </div>
        @}
        <div class="col-xs-12 enterDetails">
            <button type="button" class="btn" onclick="caseSelectionVote()">返回</button>
        </div>
    </div>

    <div class="col-xs-12 addPatientFooter">
        <div onclick="caseSelectionVote()">
            <img src="${ctxPath}/static/img/navigationIconOne.png" alt="加载中...">
            <div>首页</div>
        </div>
        <div onclick="ruleDetails()">
            <img src="${ctxPath}/static/img/navigationIconTwo.png" alt="加载中...">
            <div>规则</div>
        </div>
        <div onclick="searchPlayer()">
            <img src="${ctxPath}/static/img/navigationIconThr.png" alt="加载中...">
            <div style="text-indent: 3px;">搜索</div>
        </div>
        <div onclick="rankingStatistics()">
            <img src="${ctxPath}/static/img/navigationIconFor.png" alt="加载中...">
            <div style="text-indent: 3px;">排名</div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/remoteSynergy/remoteSynergy.js?v=20140829"></script>
<script src="${ctxPath}/static/modular/remoteSynergy/patientInformation.js?v=20140829"></script>
@}